//颜色定义 
// $x-theme-color: #6A65CF;
// $x-theme-alpha: 9F;
$x-theme-color: #2D2D2D;
$x-theme-alpha: FF;

$x-theme-card-background: #2D2D2D;

$_x-background-from: #{$x-theme-color}#{$x-theme-alpha};
$_x-background-to: #0272F200;
// $x-background: linear-gradient(180deg, #{$_x-background-from} 0%,  #{$_x-background-to} 100%); //主题背景色
$x-background: #FFFFFF;

$x-content-background: #F5F5F5; //用于列表或内容展示背景色
$x-icon-color: #2D2D2D;



// 常用样式
.x-btn {
  background-color: #{$x-theme-color}#{$x-theme-alpha};
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  color: white;
}

.x-content-background {
	background: $x-content-background;
}

.x-page-bottom-line {
	height: 20rpx;
	// background: $x-content-background;
	background-color: transparent;
	width:100%;
}

// 一级黑丝文字颜色（参照分类选中）
.x-main-text {
	background: #FFF;
	font-size: 28rpx;
	font-weight: medium;
	color: #303133;
}	

// 二级级黑丝文字颜色（参照分类未选中）
.x-secondary-text {
	font-size: 24rpx;
	font-weight: normal;
	color: #6A6A6A;
}

// 订单/礼物 领取
// 1. （未/待/立即领取）(已支付)：
.x-waiting-receive {
	background-color: #{$x-theme-color}#{$x-theme-alpha};
	color: white;
	padding: 4rpx 10rpx;
		border-radius: 8rpx;
}
// 2. 已领取(已支付): 
.x-received {
	color: #1aa034;
}
// 3. 已取消(已取消):
.x-cancel {
	color: #777777;
}

// 字体 
.x-font-bold {
	// font-family: 'PingFang SC-Semibold';
	font-family: PingFang-SC-Bold;
	font-weight: 600;
}

.x-font-medium {
	// font-family: 'PingFang SC-Medium';
	font-family: PingFang-SC-Medium;
	font-weight: 500;
}
.x-font-normal {
	// font-family: 'PingFang SC';
	font-family: PingFangSC-Regular;
	font-weight: 400;
}


// 表单相关显示
$x-form-background-color: white;
// $x-form-label-color: #686868;
// $x-form-placeholder-color: #D6D6D6;
$x-form-label-color: #161523;
$x-form-placeholder-color: #D6D6D6;
		
// 特定场景样式文件
@import '@/mixins/scene/xList.scss'; 		//列表页面
@import '@/mixins/scene/xForm.scss'; 		//表单
	
/* 导出颜色或透明度 */
:export {
  xThemeColor: $x-theme-color;
  xThemeAlpha: $x-theme-alpha;
  xBackground: $x-background;
  xIconColor: $x-icon-color;
  
  // 表单
  xFormBackgroundColor: $x-form-background-color;
  xFormLabelColor: $x-form-label-color;
  xFormPlaceholderColor: $x-form-placeholder-color;
}